<template>
  <div id="app">
    <!-- <h1 style="text-align: center;">这是菜单组件的测试容器</h1> -->
    <div class="box">
      <Menu></Menu>
    </div>
    <div class="box">
      <Menu></Menu>
    </div>
    <div class="box">
      <Menu></Menu>
    </div>
  </div>
</template>

<script>
import Menu from './index.vue'
export default {
  name: 'App',
  components: {
    Menu
  },
  data() {
    return {
    }
  },
  methods: {
  },
  computed: {
  }
}
</script>

<style scoped lang="less">
#app {
  display: flex;
  justify-content: space-between;
  background-color: black;
}
.box {
  width: 250px;
  height: 100vh;
  // margin: 0 auto;
  // position: relative;
  border: 1px solid aquamarine;
}
</style>
